<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
		<title>自由列表管理</title>
		<link rel="stylesheet" href="/static/web/css/font-awesome.min.css">
		<link rel="stylesheet" href="/static/web/css/bootstrap.min.css">
		<link rel="stylesheet" href="/static/web/css/admin.css">
		<script src="/static/web/js/jquery.min.js"></script>
		<script src="/static/web/js/bootstrap.min.js"></script>
		<script src="/static/web/js/webajax.js"></script>
		<script src="/static/web/js/admin.main.js"></script>
		<script>
			var pageno = 1;
			var totalrow = parseInt('<?php echo $totalRow;?>');
			var pagesize = parseInt('<?php echo $pagesize;?>');
			var orderby = "<?php echo $orderby?>";
			var addget = "<?php echo $addget?>";
			//加载列表
			function ReloadPage(ordertype) {
				orderby = ordertype;
				var listArea = $Obj('rslist');
				var errMsg = "<a href=\"javascript:ReloadPage('" + ordertype + "')\">重新加载列表</a>";
				fetch("freelist_main.php?dopost=getlist&pageno=" + pageno + "&orderby=" + ordertype + addget).then(resp => resp.text()).then((d) => {
					listArea.innerHTML = d;
				}).catch((error) => {
					listArea.innerHTML = errMsg;
				});
			}
			//载入指定页的列表
			function LoadPage(npage) {
				pageno = npage;
				ReloadPage(orderby);
				ReloadPageNum(pageno);
			}
			//修改
			function EditNote(nid) {
				location.href = 'freelist_edit.php?aid=' + nid;
			}
			//更新网页
			function CreateNote(nid) {
				location.href = 'makehtml_freelist.php?aid=' + nid;
			}
			//删除
			function DelNote(nid) {
				var listArea = $Obj('rslist');
				totalrow = totalrow - 1;
				var pagenum = Math.ceil(totalrow / pagesize);
				if (pagenum <= pageno) pageno = pagenum;
				var errMsg = "<a href=\"javascript:LoadPage('" + pageno + "')\">重新加载列表</a>";
				fetch("freelist_main.php?dopost=del&aid=" + nid + "&pageno=" + pageno).then(resp=>{
					if (resp.ok) {
						return resp.text()
					}
					throw new Error(errMsg);
				}).then((d) => {
					listArea.innerHTML = d;
				}).catch((error) => {
					listArea.innerHTML = errMsg;
				});
				ReloadPageNum(pageno);
			}
			//重新加载分页列表
			function ReloadPageNum(startnum) {
				var ListArea = $Obj('pagelist');
				var pagenum = Math.ceil(totalrow / pagesize);
				var listsize = 6;
				var ahtml = "<ul class='pagination justify-content-center'>";
				var startloop = 1;
				var endnum = 0;
				ahtml += "<li class='page-item disabled'><span class='page-link'>" + pagenum + "页" + totalrow + "条</span></li>";
				if (pageno > 1 && pageno != 1) ahtml += "<li class='page-item disabled'><a href='javascript:;' class='page-link' onclick='LoadPage(1)'>首页</a></li>";
				if (pageno > 1) ahtml += "<li class='page-item'><a href='javascript:;' class='page-link' onclick='LoadPage(" + (pageno - 1) + ")'>上页</a></li>";
				if (startnum >= pagenum - listsize) {
					startloop = pagenum - (listsize * 2);
					if (startloop < 1) startloop = 1;
					for (i = startloop; i <= pagenum; i++) {
						if (i == pageno) ahtml += "<li class='page-item disabled'><span class='page-link'>" + i + "</span></li>";
						else ahtml += "<li class='page-item'><a class='page-link' href='javascript:;' onclick='LoadPage(" + i + ")'>" + i + "</a></li>";
					}
				} else if (pagenum < listsize) {
					for (i = 1; i <= pagenum; i++) {
						if (i == pageno) ahtml += "<li class='page-item disabled'><span class='page-link'>" + i + "</span></li>";
						else ahtml += "<li class='page-item'><a class='page-link' href='javascript:;' onclick='LoadPage(" + i + ")'>" + i + "</a></li>";
					}
				} else {
					startloop = startnum - listsize;
					if (startloop < 1) { startloop = 1; endnum = startloop + (listsize * 2); }
					else { endnum = startnum + listsize; }
					if (endnum >= pagenum) endnum = pagenum;
					for (i = startloop; i <= endnum; i++) {
						if (i == pageno) ahtml += "<li class='page-item disabled'><span class='page-link'>" + i + "</span></li>";
						else ahtml += "<li class='page-item'><a class='page-link' href='javascript:;' onclick='LoadPage(" + i + ")'>" + i + "</a></li>";
					}
				}
				if (pageno < pagenum) ahtml += "<li class='page-item'><a class='page-link' href='javascript:;' onclick='LoadPage(" + (pageno + 1) + ")'>下页</a></li>";
				if (pageno != pagenum && pagenum > 1) ahtml += "<li class='page-item'><a class='page-link' href='javascript:;' onclick='LoadPage(" + pagenum + ")'>末页</a></li>";
				ListArea.innerHTML = ahtml+"</ul>";
			}
		</script>
	</head>
	<body>
		<div class="container-fluid">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="index_body.php">后台面板</a></li>
				<li class="breadcrumb-item active">自由列表管理</li>
			</ol>
			<div class="card shadow-sm mb-3">
				<div class="card-body">
					<form action="freelist_main.php" name="form1" id="form1">
						<input type="text" name="keyword" id="keyword" value="<?php echo $keyword?>" class="admin-input-lg" placeholder="请输入关键词">
						<button type="submit" class="btn btn-success btn-sm">搜索</button>
						<a href="freelist_add.php" class="btn btn-success btn-sm">添加自由列表</a>
						<a href="makehtml_freelist.php" class="btn btn-success btn-sm">更新所有列表</a>
					</form>
				</div>
			</div>
			<div class="card shadow-sm">
				<div class="card-header">自由列表管理</div>
				<div class="card-body">
					<div id="rslist"><?php GetTagList($dsql,$pageno,$pagesize,$orderby);?></div>
					<div id="pagelist"></div>
					<script>ReloadPageNum(1);</script>
				</div>
			</div>
		</div>
	</body>
</html>